<template>
	<div class="flex">
    <left2></left2>
    <div class="flex">
      <div>
        <left ref="left"></left>
      </div>
      <div  style="padding: 30px 0; width: calc(100vw - 500px);">

        <zuzhiguanli v-if="$store.state.showwho.type == 0" @gengxin="gengxin"></zuzhiguanli>
        <shebeiguanli v-if="$store.state.showwho.type == 1" @gengxin="gengxin"></shebeiguanli>

        <cedian v-if="$store.state.showwho.type == 21" @gengxin="gengxin"></cedian>
        <cedian v-if="$store.state.showwho.type == 22" @gengxin="gengxin"></cedian>
        <cedian v-if="$store.state.showwho.type == 23" @gengxin="gengxin"></cedian>


        <dingyizu v-if="$store.state.showwho.type == 31 || $store.state.showwho.type == 32 || $store.state.showwho.type == 33" @gengxin="gengxin"></dingyizu>
      </div>

    </div>
	</div>
</template>

<script>
  import left2 from '@/view/left2.vue'
  import left from '@/view/xitong/left.vue'
  import zuzhiguanli from '@/view/xitong/zuzhiguanli/zuzhiguanli.vue'
  import shebeiguanli from '@/view/xitong/shebeiguanli/shebeiguanli.vue'
  import cedian from '@/view/xitong/cedian/cedian.vue'
  import dingyizu from '@/view/xitong/dingyizu/dingyizu2.vue'
	export default {
		name: 'xitong',
    components:{
      left2,left,zuzhiguanli,shebeiguanli,cedian,dingyizu
    },
    // computed: {
    //   showwho() {
    //     return this.$store.state.showwho
    //   },
    // },

		data() {
			return {
        all:{
          "orgId":"",
          "orgName":"",
          "contact":"",
          "phone":""
        },
        list:[],
        search:{
          page:1,
          page_size:20,
        },
        total:0,

        log:false,
        logtitle:"",

        showwho:{}
			}
		},
		created() {
      // this.getlist()

		},
		mounted() {

		},
		methods: {

      gengxin:function(){
        this.$refs.left.getlist()
      }
		}
	}
</script>


<style scoped >

</style>
